<!-- 增发明细 -->
<template>
  <div class="table w1021">
    <div class="tableTh tableTr flex">
      <span class="tableTd w130">
        获配
        <br />对象代码
      </span>
      <span class="tableTd w220">
        获配
        <br />对象名称
      </span>
      <span class="tableTd w130">
        获配
        <br />股份类别
      </span>
      <span class="tableTd w130">
        获配股
        <br />份数量
        <br />（万股）
      </span>
      <span class="tableTd w220">获配股份占发行后总股本的比例（％）</span>
      <span class="tableTd w130">锁定起始日</span>
      <span class="tableTd">锁定期</span>
      <span class="tableTd w130">
        计划上
        <br />市流通日
      </span>
      <span class="tableTd w130">
        实际上
        <br />市流通日
      </span>
      <span class="tableTd w130">
        实际解
        <br />禁数量
        <br />（万股）
      </span>
      <span class="tableTd w130">
        本次解除
        <br />限售数量
        <br />（万股）
      </span>
    </div>
    <div class="tableTr tableBody top flex" v-for="(item,index) in data" :key="index">
      <span class="orange tableTd w130">{{item.lockObjCode|filterVal}}</span>
      <span class="orange tableTd w220">{{item.lockObjName|filterVal}}</span>
      <span class="orange tableTd w130">{{item.lockCls|filterVal}}</span>
      <span class="orange tableTd w130">{{item.lockVol|filterVal("numberNo")}}</span>
      <span class="orange tableTd w220">{{item.shrPct|filterVal}}</span>
      <span class="orange tableTd w130">{{item.startDate|filterVal}}</span>
      <span class="orange tableTd">{{item.lockPeriod|filterVal("month")}}</span>
      <span class="orange tableTd w130">{{item.endDate|filterVal}}</span>
      <span class="orange tableTd w130">{{item.actEndDate|filterVal}}</span>
      <span class="orange tableTd w130">{{item.actLockVol|filterVal("number")}}</span>
      <span class="orange tableTd w130">{{item.totLockVol|filterVal("number")}}</span>
    </div>
    <div class="tableNone orange w1021 top" v-if="data.length==0">暂无数据</div>
  </div>
</template>

<script>
import { number, numberNo } from "../../script/api";
export default {
  data() {
    return {};
  },
  props: ["data"],
  filters: {
    filterVal(ops, num) {
      if (num == "month") {
        return ops;
      }
      if (num == "numberNo") {
        return numberNo(ops, num);
      }
      if (typeof ops == "number") {
        return number(ops, num);
      }
      return ops ? ops : "--";
    }
  },
  components: {},
  computed: {},
  mounted() {},
  methods: {}
};
</script>
<style lang='scss' scoped>
</style>